<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8" />
	<title>Thunder旅游社交系统首页</title>
	<meta name="description" content="" />
	<meta name="author" content="" />

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/style.css" />
	
	<style type="text/css">
	a:link,a:visited{ text-decoration:none;  /*超链接无下划线*/}a:hover{ text-decoration:		underline;  /*鼠标放上去有下划线*/}
    </style>

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
	
	<!-- JS
	================================================== -->
	<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<script src="js/superfish.js"></script>
	<script src="js/jquery.flexslider.js"></script>
	<script src="js/jquery.tweet.js"></script>
	<script src="js/selectnav.js"></script>
	<script src="js/jquery.fancybox.js"></script>
	<script src="js/functions.js"></script>
	<script>
		$(document).ready(function() {
			$(".slider .flexslider").flexslider({
				animation: "slide"
			});
		});
	</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

	<div id="wrapper">
	
		
		<div class="main">
		<div class="container">
		
				<!-- Header - Phone & Social
				================================================== -->	
				<div class="sixteen columns header">
					<div class="phone"><a href="blog_index.html">|进入个人中心</a></div>
					<div class="phone"><a href="register.html">|注册</a></div>
					<div class="phone"><a href="login.html">|登录</a></div>
				</div>
				<div class="clear"></div>
				<div class="des">找网站模板就上<a href="http://cssmoban.com/">模板之家</a></div>
				<!-- Header - Logo & Navigation
				================================================== -->
				<div class="sixteen columns top">
					<div class="logo four columns alpha"><a href="http://cssmoban.com/"><img src="images/logo.png" alt="" height="20px" width="180px"/></a></div>
					<div class="navigation twelve columns alpha omega">
						<ul id="nav" class="sf-menu sf-shadow">
							<li><a data-description="Index Page" href="index.html">首页</a></li>
							<li>
								<a data-description="Memory" href="memory.html">旅游记忆</a>
								<ul>
									<li><a href="photoAlbum.html">旅游相册</a></li>
									<li><a href="services.html">旅游心情</a></li>
									<li><a href="testimonials.html">评论我的</a></li>
									<li><a href="pricing.html">游记</a></li>
									<!--<li>
										<a href="#">3rd Level</a>
										<ul>
											<li><a href="#">Third Level</a>
											</li><li><a href="#">Element</a>
											</li><li><a href="#">Here</a>
										</li></ul>
									
									</li>-->
								</ul>
							
							<li class="active">
								<a data-description="Activity" href="activity-1.html">发起活动</a>
							</li>
							<li>
								<a data-description="Strategy" href="strategyIndex.html">旅游攻略</a>
								<ul>
									<li><a href="strategyCreate.html">创建攻略</a></li>
									<li><a href="strategyPersonal.html">管理攻略</a></li>
								</ul>
							</li>
							<li><a data-description="Search" href="contact.html">旅游查询</a></li>
						</li>
						</ul>
					</div>
					<div class="clear"></div>
					<div id="separator"><span></span></div> 
					
				</div>
				<div class="clear"></div>
				
				<!-- Slider
				================================================== -->
				<div class="sixteen columns  slider clearfix">
						<div class="flexslider">
							<ul class="slides">
							    <li>
									<a href="#"><img src="images/slider/slider_image1.jpg" alt="" /></a>
									<div class="flex-caption">热带椰林</div>
								</li>
							    <li>
									<a href="#"><img src="images/slider/slider_image2.jpg" alt="" /></a>
									<div class="flex-caption">水乡古镇夜景</div>
								</li>
								<li>
									<a href="#"><img src="images/slider/slider_image3.jpg" alt="" /></a>
									<div class="flex-caption">西部辽阔风光</div>
								</li>
								<li>
									<a href="#"><img src="images/slider/slider_image4.jpg" alt="" /></a>
									<div class="flex-caption">山石云海</div>
								</li>
								<li>
									<a href="#"><img src="images/slider/slider_image5.jpg" alt="" /></a>
									<div class="flex-caption">沙漠异域风情</div>
								</li>
								<li>
									<a href="#"><img src="images/slider/slider_image6.jpg" alt="" /></a>
									<div class="flex-caption">壮阔梯田</div>
								</li>
							</ul>
						</div>
				</div>
				<div class="clear"></div>
				
				
				

				<!-- Blog Page Title
				================================================== 
				<div class="sixteen columns">
					<h2 class="separator_title"><span>活动</span> 详情</h2>
					<div class="separator"><div class="green"></div><div class="grey"></div></div>
				</div>-->
                <div class="sixteen columns">
					<h2 class="separator_title"><span>活动</span> 详情 
                        <span class="STYLE7">&nbsp;<span class="STYLE14"><a href="activity-1.html">>&nbsp;热门活动</a></span></span>
                        <span class="STYLE7 STYLE11 STYLE16">&nbsp;<a href="activity-list.html">>&nbsp;同城活动</a></span>
                        <span class="STYLE7 STYLE11 STYLE16">&nbsp;<a href="activity-mine.html">>&nbsp;我的同城</a></span>
                        <span class="STYLE7 STYLE11 STYLE16">&nbsp;<a href="#">>&nbsp;发起活动</a></span> </h2>
                  <div class="separator"><div class="green"></div><div class="grey"></div></div>
				  
		  		</div>
				<!-- END Blog Page Title -->
				
				
				<!-- Blog Content
				================================================== -->
				<div class="blog_content twelve columns row">
					<div class="post twelve columns row alpha">
						<div class="pic twelve columns alpha">
						 <div class="pic twelve columns alpha">
							<a class="fancybox" href="images/blog/2.jpg"><img src="images/blog/2.jpg" alt="" /></a>
						</div>
						</div>
				 <!-- <div class="details twelve columns alpha">
							<a class="date" href="#">06月01日 ~ 08月29日 每天08:00-22:00</a>
							<a class="user" href="#">John Doe</a>
							<a class="category" href="#">Webdesign</a>
							<a class="comments" href="#">6 Comments</a>
						</div>-->
						<div class="content twelve columns alpha">
							<h4 class="STYLE2"><strong>香山旅行</strong></h4>
							<p class="STYLE2">
                             &nbsp;&nbsp;<span class="STYLE5">&nbsp;时间:</span>  07月03日 周三 09:00-12:30</br>
                              <span class="STYLE3">&nbsp;&nbsp;&nbsp;<span class="STYLE5">地点:</span> </span>北京 海淀区 北京交通大學主校區</br>							
							  &nbsp;<span class="STYLE5">&nbsp;&nbsp;费用:</span>  免费</br>                        
                              &nbsp;&nbsp;<span class="STYLE5">&nbsp;发起人:</span>张士豪</br>
                              &nbsp;&nbsp;&nbsp;<strong>10</strong> 人感兴趣<strong> 7 </strong>人参加</br>
                              <div class="one-third column">				
                              <span class="STYLE10">我已参加</span>                                <a href="#" class="STYLE3">取消</a>						</div>
</p>
							<!--
							<blockquote>
								<p>Vivamus nec dui ac felis rhoncus aliquam. Nunc non orci vestibulum ipsum aliquet ornare quis non metus. Nam pellentesque nibh sit amet velit porta ac blandit tellus sollicitudin. Integer posuere ultrices rutrum. Pellentesque a ultricies elit. Vivamus et purus dui, a lacinia tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse ac lacus odio. Maecenas ante nisi, molestie et varius tempor, commodo ut nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>
							</blockquote>-->
							
							
                           



					  </div>
					</div>
					
					<div class="comments twelve columns row alpha">
						<div class="divider2"></div>
						<!--<h4 class="STYLE6">&nbsp;</h4>-->
					  <div class="comment twelve columns alpha">
							
<div class="text ten columns alpha omega">
								<div class="the_comment">
									<div class="user"><span>详情</span></div>
                                      
									  <span class="STYLE2"><strong>交通</strong> </BR>
									 公交：乘坐公交在【香山公园东门】站下车即到。</br>
                                     自驾:由西北四环“香山”出口下主路，按指示牌行驶至香山环岛，可以看到香山饭店的指示牌，延指			示牌方向行驶约15分钟即可抵达。</BR>
</P>
		  ☆ 活动管理：亭子领队 </BR>
		  
		  ☆ 电话: 15891722217 </span></span>　　　　　							　</p>
			  </div>
						</div>
						</div>
						
						
						
						
				  </div>
				
					
					
				</div>
				<!-- END Blog Content -->
				
				
				<!-- Blog Sidebar
				================================================== -->
				<div class="blog_sidebar four columns row">
					
					
					
					<div class="categories four columns alpha">
						
						<ul>
							<li><a href="#" title="删除活动之后不可恢复，确定要删除吗？">> 删除活动<span></span></a></li>
							<li><a href="#">> 修改活动<span></span></a></li>							
						</ul>
					</div>
					
					
					
					
					
					<div class="popular_tags four columns alpha">
						<div class="title">活动相关标签</div>
						<a href="#">北京</a>
						<a href="#">香山</a>
						
						<a href="#">爬山</a>
						<a href="#">自然</a>
						
						
                        </p>
                        </p>
					</div>
                   
					<div class="latest_tweets four columns alpha">
						<div class="title">Thunder广告</div>
						<div id="tweets"></div>
					</div>
					<div class="banners four columns alpha">
						
						<div class="four columns alpha">
							<a href="#"><img src="http://www.mojo-themes.com/wp-content/uploads/2011/04/mojo-sparkle-180x150.png" alt="" /></a>
						</div>
						
					</div>
                    <div class="banners four columns alpha">
						
						<div class="four columns alpha">
							<a href="#"><img src="http://www.mojo-themes.com/wp-content/uploads/2011/04/mojo-sparkle-180x150.png" alt="" /></a>
						</div>
						
					</div>
                    
                    <div class="popular_tags four columns alpha">
						<div class="title">活动成员</div>
						<div>(要参加 7)</div>
					    <div id="content" class="six columns alpha">
					
					<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="200">
						<tr>
							<td>
							<a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
										<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
							
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
							
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
						</tr>
						
						<tr>
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
							
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
							
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
						</tr>
					</table>
                    </div>
                    <div>(感兴趣 10)</div>
					<div id="content" class="six columns alpha">
					
					<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="200">
						<tr>
							<td>
							<a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
										<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
							
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
							
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
						</tr>
						
						<tr>
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
							
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
							
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
						</tr>
					</table>
					
					
					
				</div>
				<!-- END Blog Content -->
				
				
				
				
				
			</div>	
			</div>	
			
		</div>
		<!-- END container -->
		<a id="goto_top" href="#"></a>
		</div>
		<!-- END main -->
		
	</div>
	<!-- END wrapper -->

	<div id="footer">
		<div id="f_line"></div>
		<div class="container">
			<div class="footer sixteen columns">
				<div class="three columns alpha">
					<h3>NAVIGATE</h3>
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">About</a></li>
						<li><a href="#">Services</a></li>
						<li><a href="#">Portfolio</a></li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Contacts</a></li>
					</ul>
				</div>
				
				<div class="three columns">
					<h3>POWERED BY</h3>
					<ul>
						<li><a href="#">PHP</a></li>
						<li><a href="#">MySQL</a></li>
						<li><a href="#">Apache</a></li>
						<li><a href="#">Wordpress</a></li>
						<li><a href="#">Linux</a></li>
					</ul>
				</div>
				
				<div class="social three columns">
					<h3>WE'RE SOCIAL</h3>
					<ul>
						<li><a class="twitter" href="#">Twitter</a></li>
						<li><a class="facebook" href="#">Facebook</a></li>
						<li><a class="flickr" href="#">Flickr</a></li>
						<li><a class="rss" href="#">RSS Feed</a></li>
					</ul>
				</div>
				
				<div class="facebook_box seven columns omega">
					
				</div> 
				
			</div>
		</div>		
	</div>
	<div id="footer_bottom">
		<div class="container">
			<div class="sixteen columns">
				<div class="copyright ten columns alpha">Copyright &copy; 2012 Frontline Theme Demo. All Rights Reserved</div>
				<div class="links six columns alpha omega">
					<a href="#">Sitemap</a> | <a href="#">Privacy</a> | <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a>
				</div>
			</div>
		</div>
	</div>
	<!-- END footer -->

</body>
</html>